{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<!-- Control -->
<div class="c-hero-text">
  <h1>{{ hero_head_control|safe }}</h1>
  <div class="hero-text-flex-wrapper">
    <p class="is-firefox">
      {{ hero_text_ff }}
    </p>
    <p class="not-firefox">
      {{ hero_text_not_ff }}
    </p>
    {{ cta_group('hero-v1') }}
  </div>
</div>
{% if LANG != "fr" %}
{{ picture(
    url='img/firefox/challenge-the-default/hero-image-mobile.png',
    sources=[
      {
        'media': '(max-width: 1023px)',
        'srcset': {
          'img/firefox/challenge-the-default/hero-image-mobile.png': 'default'
        }
      },
      {
        'media': '(min-width: 1024px)',
        'srcset': {
          'img/firefox/challenge-the-default/hero-image-desktop.png': 'default'
        }
      },
    ],
    optional_attributes={
      'loading': 'eager',
      'class': 'c-hero-image',
      'alt': 'Image of a seagull sitting on a no birds allowed sign'
    }
)}}
{% endif %}
